<div class="app-flex-column height-full" ng-controller="NaviAController as vm">
    <div class="navi-a-header app-flex-center">
        <div class="navi-a-item">
            <i class="navi-a-icon navi-a-icon-0"></i>
            <span>教学课件</span>
        </div>
    </div>
    <div class="navi-a-content app-flex-column">
        <div class="navi-a-item app-flex-column opacity-5" ng-repeat="item in vm.naviItems track by $index" ng-class="{true:'navi-a-item-active'}[vm.active === $index]" ng-click="vm.go($index)">
            <i class="navi-a-icon navi-a-icon-{{$index + 1}}"></i>
            <span>{{item.text}}</span>
        </div>
    </div>
    <div class="navi-a-footer app-flex-center">
        <div class="app-flex-row app-flex-center">
            <i class="navi-a-icon-back"></i>
            <span class="app-margin-left-5">返回</span>
        </div>
    </div>
</div>